<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 	<title> t2</title>
 	<meta charset='UTF-8' />
 	<style type='text/css'>
  		.t{ 
			font-size:50px; 
			position:fixed;
			left:100px;
			top:110px;
			color:rgb(255,0,0);
		}
		body{ width:5000px;height:4000px; }
 	</style>
	<script type='text/javascript' src='jquery/jquery-1.11.1.js'></script>
 	<script type='text/javascript'>
 		$(function(){
			$('button').click(function(){
				
				
				
				//console.log($(this).offset());//获取标签在body位置
				//console.log($(this).offset().left);//获取标签距离←距离
				//console.log($(this).offset().top);//获取标签距离↑距离
				
				$('body').scrollTop(1000).scrollLeft(2000);//设置滚动条在body位置
				//alert($('body').scrollLeft());//获取body距离←距离
				//alert($('body').scrollTop());//获取body距离↑距离
				//alert('宽'+$('body').width());//获取body宽度
				//alert('高'+$('body').height());//获取body高度
				
				//$(this).css({'color':'red','font-size':'20px'});//添加多样式
				//$(this).css('color','red');//添加单种样式
				//$(this).toggleClass('t');//样式如果有就删除 没就添加
				//$(this).removeClass('t');//删除样式
				//$(this).addClass('t');//增加样式
			});
		});
	</script>
 </head>
 <body>
  	<button class='t'>按钮</button>
 </body>
</html>
